// 头部
header {
  height: 45px;
  width: 100%;
  line-height: 47px;
  background: #f8f8f8;
  justify-content: center;
}

//   背景图
main {
  width: 100%;
  height: 100%;
  background: url('../../assets/imgs/advertisement-bg.jpg') top center;
  background-size: auto 100%;
  position: relative;

  //倒计时
  #adBtn {
      width: 100px;
      height: 35px;
      background-color: #fff;
      border-radius: 30px;
      text-align: center;
      line-height: 35px;
      opacity: 80%;
      position: absolute;
      right: 10px;
      top:15px;
      #adNum{
          display: inline-block;
          margin-right: 8px;
      }
      #jump{
          display: inline-block;
          margin-left: 8px;
      }
  }
  .hold {
      font-size: 40px;
      position: fixed;
      font-weight: bold;
      bottom: 130px;
      left: 50%;
      transform: translate(-50%);
      animation: word 1.3s linear;
      color: #ddd;
  }
}

@keyframes word {
  0% {
      // 不透明度 越小越不明显
      opacity: 0;
      bottom: 300px;
      font-size: 0;
  }

  25% {
      bottom: 250px;
  }

  75% {
      bottom: 90px;
  }

  100% {
      bottom: 130px;
  }
}